<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="keywords" content="关键字">
		<meta name="description" content="网站描述">
		<meta name="author" content="edit by Binggen">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>一键排版平台</title>
		<link rel="stylesheet" type="text/css" href="css/atype.css" />
		<link rel="shortcut icon" href="favicon.ico">
	</head>

	<body>
		<div class="header">
			<div class="logo adaptHImg"><img src="images/logo.png" alt="一键排版"></div>
			<p class="tell-info right">027-87659198</p>
		</div>
		<div class="index-content login-bg">
			<img src="images/login-bg.png" id="bg_img" alt="一键排班平台">
			<div class="container">
				<div class="wrapper clearfix">
					<div class="slogan left">
						<h1>一键排版平台</h1>
						<p class="features"> 三小时/当日/次日交稿<span>(以300页为例)</span></p>
						<a href="ppt.html" target="_blank">了解详情<i class="triangle-right"></i></a>
					</div>
					<div class="login-box right">
						<ul class="login-top clearfix">
							<li class="active" data-logid="0">学术期刊登录</li>
							<li data-logid="1">图书排版登录</li>
						</ul>
						<div class="line"><i></i></div>
						<!--登录表单区域-->
						<form class="login-area" action="">
							<p class="error-tips"></p>
							<div class="input-group">
								<label for="username">账号</label>
								<input type="text" id="username" name="username">
							</div>
							<div class="input-group">
								<label for="pwd">密码</label>
								<input type="password" id="pwd" name="pwd">
							</div>
							<div class="input-group">
								<label for="checkcode">验证码</label>
								<input type="text" id="checkcode" name="checkcode">
								<div class="captcha">
									<img src="images/captcha.png" alt="验证码">
								</div>
							</div>
							<div class="input-group">
								<button type="button" class="login-btn">登录</button>
							</div>
						</form>
						<!--登录表单区域END-->

					</div>
				</div>
			</div>
		</div>
		<div class="index-footer">
			Copyright &copy;<script type="text/javascript">document.write(new Date().getFullYear())</script>云耕创意（武汉）科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;All rights reserved.
		</div>

		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="layer/layer.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript">
			$(function(){
				var w=1920,mh=900;
				var $bgImg=$("#bg_img"),
					$bgcon=$(".login-bg"),
					$header=$(".header"),
					$footer=$('.index-footer');

				imgWh();
				$(window).resize(function(){
					imgWh();
				})
				/*背景图大小自适应设置*/
				function imgWh(){
					var topH=$header.innerHeight(),
							botH=$footer.innerHeight(),
							totalH=topH+botH,
							h=mh-topH;

					var conW=$(window).width(),
						conH=$(window).height()-totalH;
					//console.log(topH);
					$bgcon.css({
						'height':conH+'px',
						'top':topH+'px'
					})

					var tW=conW/w,
						tH=conH/h,
						tX=tH*w,
						tY=tW* h;

					(tY>conH)?($bgImg.css({
						'width':conW+'px',
						'height':tY+'px',
						'marginLeft':0,
						'position':'inherit',
						'top':(conH-tY)+'px',
						'left':0
					})):($bgImg.css({
						'width':tX+'px',
						'height':conH+'px',
						'position':'absolute',
						'left':'50%',
						'top':0,
						'marginLeft':-tX/2+'px'
					}));
					//console.log(conW,conH);
				}


			})
		</script>
	</body>

</html>